<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/row/row,$model/UI2/system/components/justep/barcode/barcodeImage,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/output/output,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model1" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
    <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;barcodeImage&quot;}"> 
        <div class="x-titlebar-left" xid="div2"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:backBtn" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
            <i xid="i1" class="icon-chevron-left"/>  
            <span xid="span1"/> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="div3">barcodeImage</div>  
        <div class="x-titlebar-right " xid="div4"> 
          <div class="empty"/> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div align="left"> 
        <div component="$model/UI2/system/components/justep/row/row" class="x-row x-responsive-md" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
          <div class="x-col"> 
            <div component="$model/UI2/system/components/justep/output/output" class="output" xid="output2" data="data1" data-bind="component:{ref:data1.ref('description'),name:'$model/UI2/system/components/justep/output/output'}"/> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/row/row" class="x-row x-responsive-md" xid="row1" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:abcde</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="code39" templateName="templateName" xid="barcodeImage6" barcodeConfig="{mw:0.6}" stretch="true" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fName&quot;,&quot;stretch&quot;:&quot;true&quot;,&quot;type&quot;:&quot;code39&quot;}" data-bind="component:{ref:data1.ref('fName'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fName')"> 
              <img id="img-barcodeImage6" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:48px;">类型:code39
              <br/>取值范围：0-9 a-z - . $ / + %
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:abcde</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="code93" templateName="templateName" xid="barcodeImage7" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fName&quot;,&quot;type&quot;:&quot;code93&quot;}" data-bind="component:{ref:data1.ref('fName'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fName')"> 
              <img id="img-barcodeImage7" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:48px;">类型:code93
              <br/>取值范围：0-9 a-z
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:abcde</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="code128" templateName="templateName" xid="barcodeImage8" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fName&quot;,&quot;type&quot;:&quot;code128&quot;}" data-bind="component:{ref:data1.ref('fName'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fName')"> 
              <img id="img-barcodeImage8" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:48px;">类型:code128 
              <br/>取值范围：支持完整的7位ASCII码（US-ASCII）字符集
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:18</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="codabar" templateName="templateName" xid="barcodeImage9" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fAge&quot;,&quot;type&quot;:&quot;codabar&quot;}" data-bind="component:{ref:data1.ref('fAge'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fAge')"> 
              <img id="img-barcodeImage9" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:48px;">类型:codabar
              <br/>取值范围：0-9 - $ : / . +
            </div> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/row/row" class="x-row x-responsive-md" xid="row2" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:18</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="intl2of5" templateName="templateName" xid="barcodeImage10" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fAge&quot;,&quot;type&quot;:&quot;intl2of5&quot;}" data-bind="component:{ref:data1.ref('fAge'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fAge')"> 
              <img id="img-barcodeImage10" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:intl2of5
              <br/>取值范围：0-9
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:1234567890123</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="itf14" templateName="templateName" xid="barcodeImage11" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;itf14&quot;,&quot;type&quot;:&quot;itf14&quot;}" data-bind="component:{ref:data1.ref('itf14'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('itf14')"> 
              <img id="img-barcodeImage11" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:itf14
              <br/> 取值范围：0-9，长度必须为13或14
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:12345678901</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="upc-a" templateName="templateName" xid="barcodeImage12" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;upca&quot;,&quot;type&quot;:&quot;upc-a&quot;}" data-bind="component:{ref:data1.ref('upca'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('upca')"> 
              <img id="img-barcodeImage12" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:upc-a 
              <br/>取值范围：0-9，长度必须为11或12
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:1234567</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="upc-e" templateName="templateName" xid="barcodeImage13" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;upce&quot;,&quot;type&quot;:&quot;upc-e&quot;}" data-bind="component:{ref:data1.ref('upce'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('upce')"> 
              <img id="img-barcodeImage13" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:upc-e 
              <br/>取值范围：0-9，长度必须为7或8
            </div> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/row/row" class="x-row x-responsive-md" xid="row3" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:123456789012</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="ean-13" templateName="templateName" xid="barcodeImage14" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;ean13&quot;,&quot;type&quot;:&quot;ean-13&quot;}" data-bind="component:{ref:data1.ref('ean13'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('ean13')"> 
              <img id="img-barcodeImage14" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:ean-13
              <br/>取值范围：0-9，长度必须为12或13
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:1234567</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="ean-8" templateName="templateName" xid="barcodeImage15" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;upce&quot;,&quot;type&quot;:&quot;ean-8&quot;}" data-bind="component:{ref:data1.ref('upce'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('upce')"> 
              <img id="img-barcodeImage15" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:ean-8
              <br/>取值范围：0-9，长度必须为7或8
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:123456789012</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="ean-128" templateName="templateName" xid="barcodeImage16" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;ean13&quot;,&quot;type&quot;:&quot;ean-128&quot;}" data-bind="component:{ref:data1.ref('ean13'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('ean13')"> 
              <img id="img-barcodeImage16" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:ean-128
              <br/> 取值范围：完整的7位ASCII码（US-ASCII）字符集
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:18</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="postnet" templateName="templateName" xid="barcodeImage17" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fAge&quot;,&quot;type&quot;:&quot;postnet&quot;}" data-bind="component:{ref:data1.ref('fAge'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fAge')"> 
              <img id="img-barcodeImage17" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:postnet 
              <br/>取值范围：0-9
            </div> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/row/row" class="x-row x-responsive-md" xid="row4" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:1234567</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="royal-mail-cbc" templateName="templateName" xid="barcodeImage1" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;upce&quot;,&quot;type&quot;:&quot;royal-mail-cbc&quot;}" data-bind="component:{ref:data1.ref('upce'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('upce')"> 
              <img id="img-barcodeImage1" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:royal-mail-cbc
              <br/>取值范围：0-9 a-z
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:12345678901234567890</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="usps4cb" templateName="templateName" xid="barcodeImage2" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;usps4cb&quot;,&quot;type&quot;:&quot;usps4cb&quot;}" data-bind="component:{ref:data1.ref('usps4cb'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('usps4cb')"> 
              <img id="img-barcodeImage2" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:usps4cb 
              <br/>取值范围：0-9，长度至少20
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:abcde</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="pdf417" templateName="templateName" xid="barcodeImage3" barcodeConfig="{mw:0.6}" config="{&quot;barcodeConfig&quot;:&quot;{mw:0.6}&quot;,&quot;relation&quot;:&quot;fName&quot;,&quot;type&quot;:&quot;pdf417&quot;}" data-bind="component:{ref:data1.ref('fName'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fName')"> 
              <img id="img-barcodeImage3" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:pdf417 
              <br/>取值范围：所有可打印的ASCII字符是有效字符
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:abcde</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="datamatrix" templateName="templateName" xid="barcodeImage4" barcodeConfig="{mw:2.0}" stretch="false" config="{&quot;barcodeConfig&quot;:&quot;{mw:2.0}&quot;,&quot;relation&quot;:&quot;fName&quot;,&quot;stretch&quot;:&quot;false&quot;,&quot;type&quot;:&quot;datamatrix&quot;}" data-bind="component:{ref:data1.ref('fName'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fName')"> 
              <img id="img-barcodeImage4" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:datamatrix 
              <br/>取值范围：所有的ISO-8859-1字符都是有效的信息字符
              <br/>stretch：false,config:{mw:2.0}
            </div> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/justep/row/row" class="x-row x-responsive-md" xid="row5" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:http://www.baidu.com</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="qr" templateName="templateName" xid="barcodeImage5" stretch="false" barcodeConfig="{mw:1.0}" config="{&quot;barcodeConfig&quot;:&quot;{mw:1.0}&quot;,&quot;relation&quot;:&quot;qr&quot;,&quot;stretch&quot;:&quot;false&quot;,&quot;type&quot;:&quot;qr&quot;}" data-bind="component:{ref:data1.ref('qr'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('qr')"> 
              <img id="img-barcodeImage5" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:qr
              <br/>取值范围：所有的utf-8字符都是有效的信息字符
              <br/>stretch：false,config:{mw:1.0}
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:中华人民共和国</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="qr" templateName="templateName" xid="barcodeImage18" barcodeConfig="{mw:1.0}" stretch="false" config="{&quot;barcodeConfig&quot;:&quot;{mw:1.0}&quot;,&quot;relation&quot;:&quot;CN&quot;,&quot;stretch&quot;:&quot;false&quot;,&quot;type&quot;:&quot;qr&quot;}" data-bind="component:{ref:data1.ref('CN') ,name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('CN')"> 
              <img id="img-barcodeImage18" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:qr
              <br/>取值范围：所有的utf-8字符都是有效的信息字符
              <br/>stretch：false,config:{mw:1.0}
            </div> 
          </div>  
          <div class="x-col"> 
            <div xid="div1" style="height:30px;"> 
              <font color="red">值:abcde</font> 
            </div>  
            <div component="$model/UI2/system/components/justep/barcode/barcodeImage" class="xui-barcodeImage" type="datamatrix" templateName="templateName" xid="barcodeImage19" stretch="false" barcodeConfig="{mw:2.0}" config="{&quot;barcodeConfig&quot;:&quot;{mw:2.0}&quot;,&quot;relation&quot;:&quot;fName&quot;,&quot;stretch&quot;:&quot;false&quot;,&quot;type&quot;:&quot;datamatrix&quot;}" data-bind="component:{ref:data1.ref('fName'),name:'$model/UI2/system/components/justep/barcode/barcodeImage'},ref:data1.ref('fName')"> 
              <img id="img-barcodeImage19" src="about:blank" style="vertical-align:middle;"/> 
            </div>  
            <div xid="div1" style="height:60px;">类型:datamatrix 
              <br/>取值范围：所有的ISO-8859-1字符都是有效的信息字符
              <br/>stretch：false,config:{mw:2.0}
            </div> 
          </div> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-bottom" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"/> 
  </div> 
</div>
